<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>系统管理员</title>
		<!-- Bootstrap -->
		<link rel="stylesheet" href="css/bootstrap.min.css">
		<link rel="stylesheet" type="text/css" href="css/sysadmin.css"/>
	</head>
	<body>
		<div class="container">
			<!-- 顶部 -->
			<nav class="navbar navbar-default" style="background-color: #88add9;">
				<div class="container-fluid">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"
						 aria-expanded="false">
							<span class="sr-only">Toggle navigation</span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
						<a class="navbar-brand" href="#" style="color: #fff;">宿舍管理系统</a>
					</div>

					<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
						<div class="nav navbar-nav navbar-right" style="line-height: 50px;">
							<span id="span_account" style="color: black;margin-right: 40px;">当前用户：
								<span style="color: red;">
									某某
								</span>
							</span>
						</div>
					</div>
				</div>
			</nav>
			<!-- 左侧导航栏 -->
			<div class="list-group" style="width: 150px;position: absolute;">
				<a href="#" class="list-group-item active"  style="background-color: #0088cc;">
					首页
				</a>
				<a href="#panel-info" class="list-group-item" style="color: #0088cc;">缺勤记录 <span class="glyphicon glyphicon-chevron-right right" style="color: #ccc;"></span></a>
				<a href="#" class="list-group-item" style="color: #0088cc;">修改密码<span class="glyphicon glyphicon-chevron-right right" style="color: #ccc;"></span></a>
				<a href="#" class="list-group-item" style="color: #0088cc;">退出系统<span class="glyphicon glyphicon-chevron-right right" style="color: #ccc;"></span></a>
			</div>
			
			<!-- 首页，欢迎您,宿舍管理员 -->
			<div class="jumbotron" style="width: 86%; float: right;background-color: #fff;">
			  <h2 style="margin-top: 80px;color: #808080;">欢迎您,宿舍管理员!</h2>
			</div>

		</div>
		<script src="js/jquery-3.5.1.js"></script>
		<script src="js/bootstrap.min.js"></script>
		<!-- <script src="js/index.js" type="text/javascript" charset="utf-8"></script> -->
	</body>
</html>
